<template>
  <div class="about-page">
      <Header :title="title" :isWhite="false"></Header>
    <!-- Logo 区域 -->
    <div class="logo-section">
      <div class="logo-placeholder">LOGO</div>
      <h1 class="app-name">江南岸</h1>
    </div>

    <!-- 内容区域 -->
    <main class="content">
      <div class="description">
        <p>《江南岸》是一款专注于生态环境保护的移动应用，致力于搭建公众参与环境保护的数字化桥梁。我们以"绿水青山就是金山银山"为核心理念，通过科技赋能环境保护，打造全民参与的生态守护平台。</p>
        <p>主要功能：</p>
        <p>🌱 环境热点 - 实时推送最新环保政策、生态保护资讯及科研成果</p>
        <p>📚 环保学堂 - 提供生态环境法律法规学习、污染防治知识库及生态保护课程</p>
        <p>🚨 违法举报 - 开通环境问题快速申报通道，支持图文证据即时上传</p>
        <p>通过智能定位与大数据分析，我们构建了环境问题处置闭环系统，用户可实时追踪举报处理进度，共同参与环境治理监督。</p>
      </div>

      
    </main>

    <!-- 页脚 -->
    
  </div>
</template>
<script setup>
import Header from '@/components/Header.vue';
const title = '关于我们';
</script>
<style scoped>
/* 修改重点颜色体现环保主题 */
.about-page {
  padding: 2em;
}
.description {
background: #f0fff6;
color: #3a6351;
}

.enterprise-version {
background: #e3fcf2;
border-color: #8dd6b3;
}

.enterprise-version h2 {
color: #2e7d32;
}

.service-hotline {
color: #2e7d32 !important;
}
</style>